<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="layui-v2.6.8/layui/css/layui.css">
    <script src="layui-v2.6.8/layui/layui.js"></script>
    <link rel="stylesheet" href="css/loginCss.css">
</head>

<body>
<nav style="width: 100%;background: white;">
    <div class="loginindexDiv">
        <a href="login.php" class="navContentStyle">安居客</a>
    </div>
</nav>


<div class="content">
    <div class="userLogin">
        <!-- 使用post方法把用户名用户密码提交到 userreg.php -->
        <form class="layui-form" action="userreg.php" method="post" style="width: 450px;height: 254px;margin: 20px auto">

            <h2 class="userLoginH2">用户注册</h2>
            <a href="login.php" class="userLoginP">返回</a>

            <input type="text" id="name" name="username" required lay-verify="required" placeholder="请输入用户名"
                   autocomplete="off" class="layui-icon layui-input inputone">


            <input type="password" id="userpassword" name="userpassword" required lay-verify="required" placeholder="请输入密码"
                   autocomplete="off" class="layui-icon layui-input inputtow">

            <input type="password" id="czbootstrap" name="repassword" required lay-verify="required" placeholder="请确认密码"
                   autocomplete="off" class="layui-icon layui-input inputtow">


            <button type="submit" id="loginBtn" class="layui-btn" lay-submit lay-filter="formDemo" onclick="login()">注册</button>

            <!--			<input id="loginBtn" style="text-align: center" type="submit" class="submit layui-btn layui-btn-primary" value="登录">-->


        </form>
    </div>
</div>

<div class="layui-footer" style="width: 1583px;height: 91px">
    <div style="width: 100%;height: 25px;margin: 10px auto;text-align: center">
        <span><a href="#">关于安居客</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">联系我们</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">用户协议</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">隐私政策</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">房贷计算器</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">最新回答</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">网站地图</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">最新房源</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">其他城市</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">友情链接</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">放心搜</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">推广服务</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">渠道招商</a></span>
        <span style="color: #ccc">|</span>

        <span><a href="#">58车</a></span>
    </div>
    <div class="footerone" style="width: 100%;height: 25px;margin: 10px auto;text-align: center">
        <span><a href="#">客服服务中心</a></span>
        <span>违法信息举报：  4006209008<span><a href="#">yinsibaohu@58.com</a></span></span>
        <span>Copyright © 2007-2021 www.anjuke.com All Rights Reserved</span>
        <span><a href="#">ICP号：沪 B2-20090008</a></span>
        <span><a href="#">ICP备：沪B2-20090008-1</a></span>
    </div>
</div>

<script>
    //Demo
    layui.use('form', function(){
        var form = layui.form;
    });

</script>

</body>
</html>